/* eslint-disable max-len, comma-spacing, no-multi-spaces, array-bracket-spacing */
// @flow

import React from 'react';
import { GameContainerMock } from '../../../../../../mocks/GameContainerMock';
import WellGrid from '../';

const grid = [
  [
    [0, '#3cc7d6'],
    [7, '#3cc7d6'],
    [9, '#3cc7d6'],
    [11, '#3cc7d6'],
    null,
    [12, '#fbb414'],
    null,
    null,
    null,
    null,
    null,
    null,
    [31, '#3993d0'],
    null,
    null,
    null,
    null,
    null,
    [47, '#95c43d'],
    null,
    null,
    null,
    null,
  ],
  [
    [1, '#3cc7d6'],
    null,
    null,
    null,
    null,
    [13, '#fbb414'],
    null,
    null,
    null,
    null,
    null,
    null,
    [32, '#3993d0'],
    null,
    null,
    null,
    null,
    null,
    null,
    null,
    null,
    null,
    null,
  ],
  [
    [2, '#3cc7d6'],
    null,
    null,
    null,
    null,
    [14, '#fbb414'],
    null,
    [19, '#b04497'],
    [20, '#b04497'],
    [21, '#b04497'],
    null,
    [38, '#3993d0'],
    [33, '#3993d0'],
    [39, '#3993d0'],
    null,
    [41, '#ed652f'],
    [46, '#ed652f'],
    null,
    [48, '#95c43d'],
    null,
    [53, '#e84138'],
    [54, '#e84138'],
    [55, '#e84138'],
  ],
  [
    [3, '#3cc7d6'],
    [8, '#3cc7d6'],
    [10, '#3cc7d6'],
    null,
    null,
    [15, '#fbb414'],
    null,
    null,
    null,
    [22, '#b04497'],
    null,
    null,
    [34, '#3993d0'],
    null,
    null,
    [42, '#ed652f'],
    null,
    null,
    [49, '#95c43d'],
    null,
    [56, '#e84138'],
    null,
    null,
  ],
  [
    [4, '#3cc7d6'],
    null,
    null,
    null,
    null,
    [16, '#fbb414'],
    null,
    [29, '#b04497'],
    [30, '#b04497'],
    [23, '#b04497'],
    null,
    null,
    [35, '#3993d0'],
    null,
    null,
    [43, '#ed652f'],
    null,
    null,
    [50, '#95c43d'],
    null,
    [57, '#e84138'],
    [58, '#e84138'],
    [59, '#e84138'],
  ],
  [
    [5, '#3cc7d6'],
    null,
    null,
    null,
    null,
    [17, '#fbb414'],
    null,
    [28, '#b04497'],
    null,
    [24, '#b04497'],
    null,
    null,
    [36, '#3993d0'],
    null,
    null,
    [44, '#ed652f'],
    null,
    null,
    [51, '#95c43d'],
    null,
    null,
    null,
    [60, '#e84138'],
  ],
  [
    [6, '#3cc7d6'],
    null,
    null,
    null,
    null,
    [18, '#fbb414'],
    null,
    [27, '#b04497'],
    [26, '#b04497'],
    [25, '#b04497'],
    null,
    null,
    [37, '#3993d0'],
    [40, '#3993d0'],
    null,
    [45, '#ed652f'],
    null,
    null,
    [52, '#95c43d'],
    null,
    [63, '#e84138'],
    [62, '#e84138'],
    [61, '#e84138'],
  ],
];

export default (
  <GameContainerMock cols={23} rows={7}>
    <WellGrid grid={grid} blocksCleared={[]} blocksPending={[]} />
  </GameContainerMock>
);
